.select-photo-dialog .dialog-container {
	width: 410px;
	height: 480px
}

.select-photo-dialog .dialog-container .dialog-footer {
	padding: 0;
	margin: 60px 0 0
}

.select-photo-dialog .dialog-container .dialog-footer .btns {
	text-align: center
}

.select-photo-dialog .dialog-container .default-avatars .avatars {
	margin-top: 20px
}

.select-photo-dialog .dialog-container .default-avatars ul {
	display: flex;
	flex-wrap: wrap
}

.select-photo-dialog .dialog-container .default-avatars ul .avatar {
	position: relative
}

.select-photo-dialog .dialog-container .default-avatars ul .avatar img {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 10px 13px;
	display: inline-block;
	cursor: pointer
}

.select-photo-dialog .dialog-container .default-avatars ul .avatar.selected .pop {
	position: absolute;
	left: 13px;
	top: 10px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(93, 213, 200, .89) url(https://static.zhipin.com/zhipin-geek/v84/web/geek-vue/static/images/guide.fcb58291.png) -52px -21px no-repeat
}

.select-photo-dialog .dialog-container .avatar-upload {
	margin-top: 30px;
	text-align: center
}

.select-photo-dialog .dialog-container .avatar-upload p {
	margin-top: 22px;
	color: #9fa3b0;
	font-style: normal
}

.select-photo-dialog .dialog-container .avatar-upload .custom-cropper-box {
	width: 410px;
	height: 474px;
	padding: 30px 30px 80px
}

.select-photo-dialog .dialog-container .avatar-upload .cropper-win .custom-cropper-box .cropper-modal {
	background: #666;
	opacity: .485
}

.select-photo-dialog .dialog-container .avatar-upload .btns-box {
	z-index: 999;
	top: calc(50% + 183px)
}